.ui-banner{
  overflow: hidden;
}
.ui-select-tj{
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  background-color: white;
  height: 1.6rem;
  line-height: 1.6rem;
  border-bottom: 1px solid #ddd;
}
.ui-select-tj li{
  flex: 1;
  text-align: center;
  position: relative;
}
.ui-select-tj li.active:before{
  content: "";
  width: 0.2rem;
  height: 0.38rem;
  background: url(/images/tow-arrow-1.png) no-repeat top left;
  background-size:  100%;
  position: absolute;
  top: 0.54rem;
  right: 1.6rem;
}
.ui-select-tj li.active.down:before{
  background-image: url(/images/tow-arrow-2.png);
}
.ui-wine-shop{
  position: fixed;
  bottom: 0;
  width: 100%;
  max-width: 750px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: row;
  flex-direction: row;
  background-color: rgba(0,0,0,0.8);
  height: 2rem;
  z-index: 10;
}
.ui-wine-shop > div{
  box-sizing: border-box;
}
.ui-wine-shop > div:first-child{
  width: 2.4rem;
}
.ui-wine-shop > div:first-child > i:first-child{
  width: 1rem;
  height: 1rem;
  margin: 0 auto;
  background: url(/images/icon.png) no-repeat top left;
  background-size: 8rem;
  background-position: -3rem 0rem;
  margin-top: 0.5rem;
  display: block;
  position: relative;
}
.ui-wine-shop > div:nth-child(2){
  flex: 1;
  padding: 0.5rem 0;
}
.ui-wine-shop > div:nth-child(2) p{
  border-left: 2px solid white;
  color: white;
  line-height: 1rem;
  text-indent: 0.6rem;
}
.ui-wine-shop > div:last-child{
  width: 4.4rem;
  height: 2rem;
}
.ui-cart-show{
  position: fixed;
  bottom: 2rem;
  max-height: 10rem;
  background-color: white;
  padding: 0 0.6rem;
  width: 100%;
  max-width: 750px;
  box-sizing: border-box;
  overflow: auto;
  box-shadow: #ddd 0 -2px 8px;
}
.ui-cart-container{
  display:none;
  width: 100%;
  height: 100%;
  position: fixed;
  top: 0;
  max-width: 750px;
  background-color: rgba(0,0,0,0.8);
  z-index: 9;
}
.ui-cart-show > .ui-s-name{
  height: 1.6rem;
  line-height: 1.6rem;
  font-size: 0.48rem;
  color: #666;
}
.ui-s-name > div:first-child{
  float: right;
  padding-left: 1rem;
  display: table-cell;
}
.ui-s-name > div:last-child{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ui-del{
  width: 1.0rem;
  height: 0.85rem;
  background: url(/images/icon.png) no-repeat top left;
  background-size: 8rem;
  background-position: -7rem -2.16rem;
  -webkit-transform: scale(0.8);
  -webkit-transform: scale(0.8);
  display: inline-block;
  vertical-align: middle;
}
.ui-gl-show > ul{
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-content: center;
  border-top: 1px solid #eee;
  height: 1.8rem;
  line-height: 1.8rem;
}
.ui-gl-show > ul > li:first-child{
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #333;
  font-size: 0.56rem;
}
.ui-gl-show > ul > li:last-child{
  margin-top: 0.46rem;
}
.ui-gl-show > ul > li:nth-child(2){
  padding: 0 1rem 0 0.2rem;
}